import React from "react";
import ReactDOM from "react-dom";
import { Provider } from "react-redux";
import { BrowserRouter } from "react-router-dom";

// import store from "./06redux/store";
import store from "./07todolist-react-redux/redux/store";
import "./index.css";
// import App from "./02day/setstate";
// import App from "./04shengming/App";
// import App from "./05context/App";
// import Todolist from "./03todolist/todolist";
// import App from "./06redux/App";
// import App from "./07todolist-react-redux/App";
import App from "./08router/App";

// const Name=(props)=>{
//   return <h1> hello,{props.name}</h1>
// }
// class Name extends React.Component {
//   render() {
//     return <h1> hello,{this.props.name}</h1>;
//   }
// }
// const arr = ["1", "2", "3", "4", "5"];
// class Ulele extends React.Component {
//   render() {
//     return (
//       <>
//         <Name name="王洋昆" />
//         <ul>
//           {arr.map((item, index) => {
//             return <li key={index}>{item}</li>;
//           })}
//         </ul>
//       </>
//     );
//   }
// }
ReactDOM.render(
  // Name({name:"王洋昆"}),
  // <Name name="王洋昆"/>,
  // <Ulele />,
  // <Todolist />,
  // <App />,
  /* 此处应用 react-redux 插件，解构出的 Provider */
  <Provider store={store}>
    <BrowserRouter>
      <App />
    </BrowserRouter>
  </Provider>,
  document.querySelector("#root")
);
